<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table {
            margin: 0 auto;
        }
    </style>
</head>
<body>

    <table border="1px">
        <caption style="font-size: 30px;">订单付款确认页面</caption>
        <thead>
            <tr>
                <td>商品名称</td>
                <td>商品价格</td>
                <td>商品数量</td>
                <td>总价</td>
                <td>收货地址</td>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>a</td>
                <td>b</td>
                <td>c</td>
                <td>d</td>
                <td>e</td>
            </tr>
        </tbody>

    </table>


<!-- <script>
    let item = prompt("请输入商品名称")
    let price = prompt("商品单价")
    let num = prompt("商品数量")
    let addr = prompt("收货地址")


    document.write(`
        <table border="1px">
        <caption style="font-size: 30px;">订单付款确认页面</caption>
        <thead>
            <tr>
                <td>商品名称</td>
                <td>商品价格</td>
                <td>商品数量</td>
                <td>总价</td>
                <td>收货地址</td>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>${item}</td>
                <td>${price}</td>
                <td>${num}</td>
                <td>${num * price}</td>
                <td>${addr}</td>
            </tr>
        </tbody>

    </table>
    
    `)
</script>
     -->
</body>
</html>